![\"Nonprofit](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Nonprofit-Website-Forms.jpg\")
\nIf you are a nonprofit organization then connecting and engaging with your audience is a must. A key aspect of this process is using the right forms on your website – forms that relate to your visitors’ needs and that crucially reflect your organization’s goals.<\/p>\n
<\/p>\n
By displaying stylish, fully-functioning forms on your website, your visitors can easily contact you directly, donate money, and much more. This will ultimately improve site conversions and enable your organization to achieve its objectives.<\/p>\n
In this article, we look at three different forms your nonprofit website might need. These include\u2026<\/p>\n
We look at each form in turn and discuss why you need them and how to build them with Gravity Forms. We also share some top tips to help make each form successful. Let\u2019s get started\u2026<\/p>\n
![\"Nonprofit](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Nonprofit-Website-Contact-Form.png\")
<\/p>\n
Displaying an engaging contact form on your nonprofit website for general inquiries is a great way to start a discourse with your audience. A modern user-friendly contact form that is not only attractive but also quick and easy for your visitors to fill in will ensure that your organization is openly available to your visitors, helping you to forge and maintain strong relationships.<\/p>\n
Using Gravity Forms, you can create a custom contact form for your organization in minutes. Let\u2019s take a look at how to do that\u2026<\/p>\n
Open your WordPress dashboard and select Forms > New Form<\/strong>.<\/p>\n Give your form a name and a description if you wish. Then click on Create Form<\/strong>.<\/p>\n Your new form will now open within the Gravity Forms drag-and-drop form editor. On the right-hand side of the form editor you will find 30+ ready-to-go form fields that you can use to create your form.<\/p>\n Under Advanced Fields<\/strong>, select the personal information fields that you would like to add to the contact form, and drag and drop them into the editor.<\/p>\n Top Tip:<\/strong> You want your contact form to be short and to the point, making the form easy for visitors to fill in and submit. Therefore, bear in mind \u2018less is more\u2019 – just select the fields that you consider essential.<\/p>\n From the list of Advanced Fields<\/strong>, we would recommend Name<\/strong> and Email<\/strong>.<\/p>\n Top Tip<\/strong>: Click on the Email<\/strong> field to configure the field settings. Here, we recommend that you select Enable Email Confirmation<\/strong> as well as making this field Required<\/strong>. Combined, these settings prevent people from submitting the form unless they have inputted their email address twice. This ensures that you receive correct email addresses, so you can to respond to all inquiries received.<\/p>\n Next you need to add a \u2018comments\u2019 section. To do so, under Standard Fields<\/strong>, select the Paragraph Text<\/strong> field. Then in the Field Settings<\/strong>, rename the field to Comments and Questions<\/strong> (or whatever works best for your website) and add a description.<\/p>\n Lastly, we would recommend that you add a CAPTCHA<\/strong> field, which you will find under Advanced Fields<\/strong>, to protect your website from spam and bot abuse.<\/p>\n Top Tip:<\/strong> Gravity Forms supports Google reCAPTCHA v2. To use this functionality you will need to sign up for a free account and then integrate it with your Gravity Forms site installation. For more information on this process check out the Docs<\/a>.<\/p>\n Once you are happy with your form, click on the Update<\/strong> button in the top right-hand side of the form editor to save your form.<\/p>\n When a visitor submits a form, a confirmation message will automatically be displayed on their screen.<\/p>\n By default Gravity Forms displays the confirmation message \u2018Thanks for contacting us! We will be in touch with you shortly.\u201d<\/p>\n If you want to edit this message, click on the Settings<\/strong> tab within the form editor and then select Confirmations<\/strong>. Once you have re-written the message, hit Save Confirmation<\/strong> at the bottom of the page.<\/p>\n Gravity Forms integrates with numerous add-ons<\/a> to help enhance your forms and streamline your data processes. Here are a few options that may benefit your organization\u2026<\/p>\n Once your contact form is complete, all that is left to do is to embed it into a page on your website.<\/p>\n To do so, within your WordPress dashboard, open the appropriate page, click into the Gutenberg editor and add a block where you want the form displayed. Then type Gravity<\/strong> into the Search for a Block<\/strong> function.<\/p>\n Select \u2018Contact Form\u2019 from the drop-down form options, then Preview<\/strong> the form on the front end of your website. If you are happy with your form, go ahead and Publish<\/strong> the page.<\/p>\n Top Tip:<\/strong> Don\u2019t forget to test the form yourself to check that it is working!<\/p>\n The majority of nonprofit websites display a donation form somewhere on their website. A stylish form that is quick and easy to access will see an increase in submissions – which ultimately means an increase in donations.<\/p>\n So let\u2019s find out how to create a donation form using Gravity Forms…<\/p>\n To take payments via your donation form, you will need to install one of Gravity Forms\u2019 many payment processor add-ons. Here are just a few that you can select from\u2026<\/p>\n Before you start creating the donation form, install the payment processor of your choice on your WordPress website and integrate it with Gravity Forms. (Check out our extensive documentation<\/a> for more information on how to integrate specific payment add-ons).<\/p>\n As with all forms, your donation form will vary depending on your organization\u2019s needs. However, most donation forms will follow a similar layout to the one we have shared above.<\/p>\n To create something similar, drop the key personal information fields into your form editor – to keep it simple, we recommend just Name<\/strong> and Email.<\/strong><\/p>\n Top Tip:<\/strong> We recommend a double email opt-in – select Enable Email Confirmation<\/strong>.<\/p>\n Next, under Pricing Fields<\/strong>, select the Product<\/strong> field. For this form, we wanted to give users the option of choosing from set donation amounts or entering a different amount that they would like to donate.<\/p>\n To do this, under the Product Field Settings<\/strong>, scroll down to Field Type<\/strong> and select Radio Buttons<\/strong>. Add in the donation amounts you would like users to choose from, and then add an extra option for \u2018Other Amount\u2019.<\/p>\n Now, drag and drop another Product<\/strong> field and place it underneath the existing product field that you have just customized – this should also be named ‘Other Amount’. You will need to add conditional logic to this field, to allow people to enter their chosen donation amount if they select the radio button ‘other amount’.<\/p>\n To do so, within Field Settings > Advanced<\/strong> select Enable Conditional Logic<\/strong>. Then choose – Show<\/strong> this field if All <\/strong>of the following match: Donation Amount<\/strong> is Other Amount<\/strong>.<\/p>\n Lastly, you just need to add the fields Total<\/strong> and Credit Card<\/strong>. Now save your form and Preview<\/strong> it to check it is working.<\/p>\n To connect your form with your payment processor you will need to create a feed for your form. This is a quick and easy process that has been written about extensively within the Gravity Forms documentation<\/a>, with clear step-by-step instructions for each payment add-on.<\/p>\n Once your feed is created, edit the form Confirmations<\/a> and Notifications<\/a> if necessary, and then embed the form on your site.<\/p>\n Nonprofit volunteer application forms will differ greatly depending on the type of organization you are, and the sort of volunteer projects that you may offer. However, providing a user-friendly form that quickly captures people\u2019s data is a great starting point for any nonprofit website.<\/p>\n Here we have created a basic application form, which incorporates fields and questions that you may find useful. However, this form example is just a starting point – it can of course be further customized and extended to ensure you gather all the information you need from your volunteers. Let\u2019s have a look\u2026<\/p>\n A volunteer form may need to collect a fair amount of personal information. Under Advanced Fields you will find the bulk of what you may need:<\/p>\n Top Tip: <\/strong>If you need to collect copious amounts of information from your volunteers, you may want to create a multi-page form. As mentioned previously, too many form fields can put people off completing a form – multi-page forms can help your form appear shorter and more manageable to your users.<\/p>\n To enable a multi-page form, simply select the form field Page<\/strong>. Add it at the top of your form and anywhere else you\u2019d like to start a new page. Within the Field Settings<\/strong> you can also select to display a Progress Bar<\/strong>, so your users know how much of the form is left to complete.<\/p>\n More often than not, nonprofits have more than one volunteering project or position available. By using conditional logic, you can identify which opening the user is interested in, and then ask them targeted questions related to that event or position.<\/p>\n For example, in this form we have selected the Radio Buttons <\/strong>Field and renamed it \u2018How do you want to help?\u2019 We have then provided a couple of volunteering options for users to choose from – \u2018Events\u2019 and \u2018Store Work\u2019.<\/p>\n For the next field we have selected Checkboxes<\/strong> and renamed it \u2018Please choose the events\/dates you could help us at\u2019. By using conditional logic, this field will show if someone clicks on \u2018Events\u2019 from the field above.<\/p>\n To set up conditional logic, under Checkboxes > Field Settings > Advanced<\/strong>, select Enable Conditional Logic<\/strong>. Then choose – Show<\/strong> this field if All <\/strong>of the following match: How do you want to help? <\/strong>is Help out at an upcoming event<\/strong>.<\/p>\n We have then created another field related to \u2018Store Times\u2019 and used conditional logic so it will be displayed if users select the \u2018Store Work\u2019 option. Here it is in action…<\/p>\n As you can see, by using conditional logic, you can segment the questions asked, depending on the volunteering options users have selected.<\/p>\n As you will be collecting user information through this form, it is crucial that you include a Consent<\/strong> field. Using this field, you can either display or link to your privacy policy, which users will need to agree to before submitting the form.<\/p>\n Top Tip:<\/strong> Make sure you remember to make this a Required <\/strong>field.<\/p>\n Once your form is completed, Save<\/strong> and Preview<\/strong> it to check it is working correctly. Then configure the form settings – Confirmations<\/strong> and Notifications<\/strong> – and go ahead and embed the form on your website.<\/p>\n Don\u2019t want to make any of these forms from scratch? Download the templates below and then simply import them to your website\u2026<\/p>\n All forms can be easily customized within the form editor to suit your exact needs. <\/p>\n (Note:<\/strong> These templates will need to be extracted from the zip file before you can upload them to your site).<\/p>\n Any questions on how to create or customize these forms? Please ask away in the comments below…<\/em><\/p>\n <\/p>\n Does your nonprofit website have an adequate privacy policy? Gravity Forms have teamed up with Termageddon, an auto-updating privacy policy generator service, to offer all nonprofits 10% off their first order<\/a>.<\/p>\n Termageddon will not only generate your privacy policy but also keep it auto-updated as privacy laws alter – a must-have for any nonprofit website.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":" If you are a nonprofit organization then connecting and engaging with your audience is a must. A key aspect of this process is using the right forms on your website – forms that relate to your visitors’ needs and that crucially reflect your organization’s goals.<\/p>\n","protected":false},"author":280096,"featured_media":15415,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[221],"tags":[9817,9818],"yoast_head":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\n\n\n\n\t\n\t\n\t\n![\"Create](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Create-a-New-Form.png\")
<\/p>\nStep 2: Select Form Fields<\/h2>\n
![\"Form](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Form-Editor.png\")
<\/p>\n![\"Name](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Name-and-Email.png\")
<\/p>\n![\"Comments](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Comments-and-Questions.png\")
<\/p>\n![\"CAPTCHA\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/CAPTCHA.png\")
<\/p>\nStep 3: Edit the Confirmation Message<\/h2>\n
![\"Confirmations-](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Confirmations.png\")
<\/p>\nStep 4: Sync the Form with Add-Ons<\/h2>\n
\n
\n
\n
Step 5: Embed the Form<\/h2>\n
![\"Contact](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Contact-Form.png\")
<\/p>\nCreating a Donation Form<\/h2>\n
![\"Nonprofit](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Nonprofit-Website-Donation-Form.png\")
<\/p>\nStep 1: Integrate a Payment Add-On<\/h2>\n
\n
Note:<\/strong> Payment integrations aren\u2019t available on the Gravity Forms Basic license. Depending on the payment gateway you want to use, you will need to purchase either the Pro or Elite<\/a> package.<\/div>\nStep 2: Create Your Form<\/h2>\n
![\"Email](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Email-Confirmation.png\")
<\/p>\n![\"Donation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Donation-Amount-Other-Amount.png\")
<\/p>\n![\"Donation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Donation-Amount.png\")
<\/p>\n![\"Other](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Other-Amount.png\")
<\/p>\nStep 3: Create a Feed for Your Payment Form<\/h2>\n
![\"Form](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Form-Feed.png\")
<\/p>\nCreating a Volunteer Application Form<\/h2>\n
![\"Nonprofit](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Nonprofit-Website-Volunteer-Application-Form.png\")
<\/p>\nStep 1: Personal Information Form Fields<\/h2>\n
\n
![\"Multi-page](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Multi-page.png\")
<\/p>\nStep 2: Use Conditional Logic<\/h2>\n
![\"Radio](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Radio-Buttons.png\")
<\/p>\n![\"Conditional](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Conditional-Logic-Volunteer-Application-Form.png\")
<\/p>\n![\"Volunteer](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Volunteer-Application-Form-Conditional-Logic.png\")
<\/p>\nNote: <\/strong>Conditional Logic is available on all our Gravity Forms plans<\/a>. To see it in action, sign up for our free Demo<\/a>.<\/div>\nStep 3: Add a Consent Field<\/h2>\n
![\"Consent](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Consent-Field.png\")
<\/p>\nStep 4: Configure the Form Settings and Embed Your Form<\/h2>\n
Import Our Form Templates<\/h2>\n
![\"Import](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Import-Forms.png\")
<\/p>\n
\nDownload Templates<\/a><\/p>\n\nNonprofit Website Privacy Policy Promotion<\/h2>\n